<hr>
<h2>FileReader</h2>
<input type="file" onchange='file2Text(this.files[0])'></input>
<pre id='output'></pre>

<script>
	/**
	 * @key: FileReader
	 * @description: 读取 Blob 对象的内容，即文件内容，然后以指定的格式返回。
	 * @param {*} Blob 对象
	 * @return {*} FileReader.readAsText()：返回文本，需要指定文本编码，默认为 UTF-8。
	 * @return {*} FileReader.readAsArrayBuffer()：返回 ArrayBuffer 对象。
	 * @return {*} FileReader.readAsDataURL()：返回 Data URL 也就是 base64。
	 * @return {*} FileReader.readAsBinaryString()：返回原始的二进制字符串。
	 */
	function file2Text(f) {
		var reader = new FileReader();
		reader.readAsDataURL(f);
		reader.onload = function () {
			var text = reader.result;
			console.log(reader.result);
			var out = document.getElementById('output');
			out.innerHTML = '';
			out.appendChild(document.createTextNode(text));
		}
		reader.onerror = function (e) {
			console.log('Error', e);
		};
	}
</script>
